.clearfix:after{
  content: "." ;
  display: block ;
  height: 0 ;
  clear: both ;
  visibility: hidden ;
}
.pull-left{
  float: left;
}
.pull-right{
  float: right;
}
@function l($rem) {
  @return ($rem/75)+rem;
}
@mixin transLateP($transPercen:0%){
  -webkit-transform: translate3d($transPercen,0,0);
  transform: translate3d($transPercen,0,0);
}
@mixin positionFun($left,$top){
  left: $left;
  top: $top;
  position: absolute;
  z-index: 10;
}
@function getHeight($h,$h2){
  @return $h-$h2;
}
@mixin linerBg(){
  background-image: linear-gradient(to bottom, rgba(32,95,190,0.3), rgba(32,95,190,0));
}
@mixin setPosition($left,$top){
  left:$left;
  top:$top
}
//字体颜色
$wordColor:#fff;
$oneTitH:4.05rem;//标题高度
$oneTitW:26.79rem;//标题宽度
$moduleTitH:1.26rem;//区域标题高度
.moduleTit-box{
  height: $moduleTitH;
  text-align: center;
  line-height: $moduleTitH;
  color: $wordColor;
  font-size: 0.64rem;
  img,span{
    display: inline-block;
    vertical-align: top;
  }
  img{
    width: 2.91rem;
    &.rotateImg{
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg);
    }
  }
}
.animationRoate{
  -webkit-animation: rotateY 2s both;
  animation: rotateY 2s both;
}
@keyframes rotateY {
  0%{
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100%{
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
  }
}
